<template>
    <div class="top">
      <el-menu
        :default-active="'/billInformation/personBill'"
        class="el-menu-demo"
        mode="horizontal"
        router
      >
        <el-menu-item index="/billInformation/personBill" class="item">养老账单</el-menu-item>
        <el-menu-item index="/billInformation/medicalBill" class="item">医疗明细</el-menu-item>
      </el-menu>
    </div>
    <div class="main">
      <RouterView />
    </div>
  </template>
  
  <script setup>
  import { ref } from "vue";
  import { RouterView } from "vue-router";
  
  </script>
  
  <style scoped>
  * {
    margin: 0;
    padding: 0;
  }
  .app {
    width: 100%;
    height: 100%;
  }
  .item{
      padding: 0 14px;   
  }
  .top{
      width: 1200px;
  
      margin: auto;
  }
  </style>